@charset "utf-8";
/* CSS Document */
body {font-family: "Microsoft YaHei"; font-size: 15px; overflow-x: hidden; color: #333;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,b{margin:0; padding:0; font-weight:normal;}
*{ box-sizing:border-box; margin:0; padding:0;}
ul,ol,li {list-style: outside none none; margin:0; padding:0;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; color:#333;}
.clear{ clear:both}
a:hover, a:focus {text-decoration: none;color: inherit;outline: none;}
img {height: auto; -ms-interpolation-mode: bicubic; border: 0 ;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.l { float: left;}.r { float: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */

  @if $lte7 {
    *display: inline; /* 3 */
    *zoom: 1; /* 3 */
  }
}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-65{padding-bottom: 65%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-130{padding-bottom: 130%;}
.mt20{ margin-top:20px;}
@font-face {font-family: "jrico";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot@#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.ion {
  font-family:"jrico" !important;
  display:inline-block;
  vertical-align: middle;
  margin:0 .3em;
 
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;   
}

/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
/*header*/
header .red_bar{position:absolute; width:50%; left:50%; height:95px; background:#bf101a; top:0; z-index:1;}
header.f-cb .red_bar{width:0; transition:width 0.3s ease;}
header.f-cb.show .red_bar{width:50%;}
header.f-cb .white_bar{position:absolute; width:0; right:50%; height:95px; background:#fff; top:0; z-index:1;transition:width 0.3s ease;}
header.f-cb.show .white_bar{width:50%;}
header { width: 100%; position: fixed;top: 0;left: 0;height: 82px;line-height: 79px;z-index: 10; background:#fff; border-bottom: 1px solid #d9d9d9;}
header .logo { text-align: center;float: left;}
header .logo img { max-width: 100%; padding-top:15px;}
header .link {font-size: 16px;  color: #fff;padding: 0 8px 0 35px; float: right;transition: color .3s; background:url(../images/tel.png) no-repeat 14px center #d70208; height:27px; line-height:27px; border-radius:20px; margin-top:28px;}
header .search{ float:right; padding:0 10px;}
header .search img{ padding-top:32px;}
header .nav-box {width:58%; float:right}
header .nav-box ul {width: 100%}
header .nav-box li {width: 14%;float: left;text-align: center;}
header .nav-box a.tit {font-size: 16px;color: #000; height: 100%;display: inline-block; width: 70%;transition: color .3s;}
header .nav-box .tit span {width: 17px;height: 11px;display: inline-block; position:absolute; bottom:0; left:50%; margin-left:-9px; }
header .nav-box li:hover a.tit {color: #bf101a; border-bottom:2px solid #bf101a; }
header .nav-box li:hover .tit span { opacity:1;}
header .nav-box .con {position: absolute; top: 82px;display: none;box-shadow: 0 5px 10px rgba(0, 0, 0, .2);z-index: 5; background:#f1f1f1; left:50%;}
header .nav-box li .tit-top {color: #bf101a; /*border-bottom:2px solid #bf101a; */font-size:17px; display:inline-block; width:70%;}
.set-img{width:26%;padding-top:50px; padding-bottom:50px;}
.set-img img{height:177px;width:100%;}
.setCon .tit{font-size:22px;color:#666; margin-bottom: 20px; font-weight:bold; line-height: normal}
header .nav-box .setMenu{width:20%;border-right: 1px #fff solid;border-left: 1px #fff solid; padding:50px 30px 50px 30px;}
header .nav-box .setMenu li{border-bottom: 1px #fff solid; width:100%; text-align:left; font-size:16px; line-height:normal; position:relative;}
header .nav-box .setMenu li .sm-nav{width:60%; position:absolute; left:50%; top:0; display:none; transition-duration:1s; z-index:9999; background:#bf101a}
header .nav-box .setMenu li .sm-nav dl{width:100%; border-bottom:1px solid #fff; cursor:pointer; padding-top:9px; border-left:1px solid #fff;} 
header .nav-box .setMenu li .sm-nav dl:nth-child(1){padding-top:0px;}
header .nav-box .setMenu li .sm-nav dl a{display:block; padding:10px 0;  color:#fff;  background:#d01027; padding-left:10px;}
header .nav-box .setMenu li .sm-nav dl a:hover{background:#d01027; color:#fff; padding-left:15px;}
header .nav-box .setMenu li:hover .sm-nav{display:block;}

.r_se{ float:right; width:49px; padding:27px 0 0 5px; position:relative; cursor:pointer; }
.pz_top.on .r_se{height:68px;}
.r_se .z_search_img{width:24px; margin:0 auto; display:block;}
.r_se .downse{	position:absolute;	width:400px;height:62px;right:0;top:76px;background:url(../images/top2.png) no-repeat;display:none;z-index:600;}
.r_se .downse .downbox{ float:left; width:380px; height:24px; margin:25px 0 0 10px;}
.r_se .downse .downbox .leftinput{ float:left; width:323px;}
.r_se .downse .downbox .rightsumit{ float:right; width:24px; height:24px; margin:0 5px 0 0; border:0px;}
.ifom1{ float: left; width:100%; border:0; background:#fff; color:#333; font-size:14px; line-height:24px;}
header .enght {float: right;font-size: 14px;color: #666;position: relative;z-index: 1;transition: color .3s, background .3s; margin-right:18px; margin-top:28px; line-height:27px;}
header .enght a {color: #666;transition: color .3s; }
header .enght a.tit { padding:2px 30px 2px 15px; background: url(../images/bsj.png) no-repeat 50px center; height:27px; width: 100%; transition: color .3s, background .3s;border:1px solid #d2d4d7; border-radius:20px; }
header .enght .con {    position: absolute;top: 100%;left: -10%;display: none;background: #fff;width: 120%;padding: 10px 0;box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);min-height: 65px;overflow: auto;}
header .enght .con a { width: 100%;font-size: 14px;height: 30px;text-align: center;line-height: 30px; color:#333; display:block; border:none; border-radius:0;}
header .enght .con a:hover{ color:#ED2228;}
.setMenu li a{display:block;position:relative;color:#666; transition-duration:.5s; padding:8px 0}
.setMenu li a:hover{ background:#d70208; color:#fff; padding-left:10px;}
.setCon{width: 43%;padding: 50px 3% 50px 0; text-align:left;}
.setCon .p{color: #666;line-height: 30px;overflow: hidden;text-align: justify; }
header .nav-box .link-b {width: 100%;display: block;padding-left: 17%;text-align: left;font-size: 15px;color: #333;line-height: 40px;margin-bottom: 5px;transition: background .3s, color .3s}
header .nav-box .link-b span {width: 100%;display: block;background: 0}
.nav-box .content p {text-align: left;font-size: 14px;color: #666;line-height: 24px;margin-top: 22px}
header .nav-box .ab-setMenu{width:18%;border-right: 1px #fff solid;border-left: 1px #fff solid; padding:50px 40px;}
header .nav-box .ab-setMenu li:nth-child(2n){ margin-right:0 }
@media (min-width: 1441px) {
header .nav-box {width: 58%;margin: 0 auto}
}
@media(max-width:1231px) {
header .nav-box {width: 55%;}
.ne-cd li{ padding:0 25px;}
header .nav-box a.tit{ font-size:16px;}
header .nav-box li .tit-top {font-size:16px; display:inline-block;}
}
@media(max-width:1200px) {
.slideBox .bd li{ height:auto; padding-top:50px;}
.nav-box {display: none}
header{ height:56px; line-height:55px;}
header .logo img{ padding-top:0;}
.r_se{padding:13px 0 0 5px; position:relative; cursor:pointer; }
.r_se .downse{top:50px;}
header .enght {margin-top:13px;  margin-right:8px;}
.body-box {margin-top: 60px}
.mobile-nav {float: right;width: 42px;height: 38px;position: relative;z-index: 3;background: #b4b4b4;margin-left: 1px; margin-top:8px;padding: 10px 10px}
.mobile-nav span {width: 22px;height: 2px;background: #fff;display: block;margin-bottom: 5px;position: relative}
.mobile-nav.on {background: #d9271b;padding: 15px 10px}
.mobile-nav.on span {transform-origin: center;transition: transform .3s}
.mobile-nav.on span.line2 {display: none}
.mobile-nav.on span.line1 {transform: rotate(45deg);top: 3px}
.mobile-nav.on span.line3 {transform: rotate(-45deg);top: -3px}
.mobile-nav-box {width: 100%;background-color: rgba(0,0,0,0.9);position: absolute;top: 56px;left: 0;overflow: auto;display: none}
.mobile-nav-box ul {width: 100%}
.mobile-nav-box li {width: 100%}
.mobile-nav-box h2 {width: 100%;padding: 0 1%;border-bottom: solid 1px rgba(255,255,255,0.3);font-size: 16px;line-height: 50px;background: url(../images/jia.png) no-repeat 96% center;cursor: pointer}
.mobile-nav-box h2.cur {background: url(../images/plus.png) no-repeat 96% center}
.mobile-nav-box h2 a {color: #fff}
.mobile-nav-box h2.cur a {color: #d9271b}
.mobile-nav-box .con {width: 100%;background: #f5f5f5;display: none}
.mobile-nav-box p {width: 96%;padding: 0 2%;line-height: 30px;}
.mobile-nav-box p.on {background: url(../images/jia.png) no-repeat 96% center; border:none;}
.mobile-nav-box p a {color: #666}
.mobile-nav-box .tit-con {display: block;width: 100%;padding: 0 3%;display: none}
header .link {display: none}
}

@media (max-width: 767px) {
header .logo{ width:35%;}
header .logo img{ padding-top:15px;}

}
@media (max-width: 479px) {
header{ height:56px; line-height:55px;}
header .enght { margin-right:8px;}
header .logo img{ padding-top:10px;}
header .search img{ padding-top:15px;}
header .enght .con{ width:100%; left:0;}
.link-logo{ padding-left:0;}
.link-logo a{ padding-left:0; padding-right:10px;}
}

/*footer start*/
.footer {background:#292929;overflow:hidden;padding:60px 0 10px;}
.footer-main {border-bottom:1px solid #393939;padding-bottom:60px;overflow:hidden;margin-bottom:30px;}
.footer-main li {position:relative;width:13%; margin-right:5.2%;}
.footer-main li:nth-child(2){width:22%;}
.footer-main li:last{margin-right:0px;}
.footer-main li:after {position:absolute;width:1px;height:202px;background:#343434;right:0;top:0;content:"";}
.footer-main li h2 { font-size:18px;line-height:18px;color:#f5f5f5;margin-bottom:20px;}
.footer-main li h2 a{color:#f5f5f5;}
.footer-main li h2 a:hover{color:#fff;}
.footer-main li p a { color:#f5f5f5;opacity:0.3;display:block;}
.footer-main li p a:hover { color:#fafafa;}
.footer-main li p {line-height:18px;margin-bottom:12px;}
.footer .telbox {color:#f5f5f5;line-height:18px;font-size:18px}
.footer .telbox strong a{font-size:30px; color:#c11a20;font-weight:normal;margin-bottom:20px;display:block;line-height:36px}
.footer .telbox h3 {font-size:20px;font-weight:normal;margin-bottom:4px;background:url(../images/hotline.jpg) no-repeat left center;padding-left:28px;}
.footer .telbox h4 {font-weight:normal;margin-top: 20px;margin-bottom:10px;background:url(../images/mail.jpg) no-repeat left center;padding-left:30px;font-size: 20px;}
.footer .telbox a {display: block;color:#f5f5f5;font-family:"Arial"; word-spacing:1;letter-spacing:1.2pt;padding-left:28px;}
.footer .telbox .add{ display: inline-block;margin-bottom:10px;padding-left: 28px;background-image: url(../images/add.png);background-repeat: no-repeat;background-position: left center;background-size: 24px;height: 25px;line-height: 22px;font-size: 20px;}
.footer .telbox .address{display: block;color:#f5f5f5; font-size:16px; padding-left:28px;}
.footer_bottom {position:relative; padding-bottom:10px;}
.footer_bottom .left {float:left;padding:7px;border:1px solid #3f3f3f;width:100px;position:relative; margin-top:5px;}
.footer_bottom .left em {font-size:13px;font-family:"Arail";opacity:0.5;text-align:center;background:#292929;width:40px;display:block;color:#f5f5f5;font-style:normal;position:absolute;left:50%;margin-left:-20px;bottom:-12px;
line-height:18px;}
.footer_bottom .left img {margin:0 auto;display:block;}
.share_btn {width:122px;float:left;margin-left:10px;}
.share_btn a {border:1px solid #3f3f3f;width:41px!important;height:41px!important;float:left;display:block;margin:0px 10px 30px 10px; padding-top:0px;}
.share_btn a.sina_btn {background:url(../images/icon1.png);opacity:0.6}
.share_btn a.shiping_btn {background:url(../images/icon2.png);opacity:0.6}
.share_btn a.you_btn {background:url(../images/icon3.png);opacity:0.6}
.share_btn a.f_btn {background:url(../images/icon4.png);opacity:0.6}
.footer_search {position:absolute;right:0;top:0;width: 82%; }
.footer_search .top {color:#999;font-size:12px;float: right;width: 82%; margin-top:10px;}
.footer_search .top .f_link{ text-align:right; float:right; width:30%; }
.footer_search .top .f_link .ion{ margin-top:4px;}
.footer_search .top .f_link_hd{width:100%;height:40px; line-height:40px;font-size:15px;position:relative;cursor:pointer; border: 1px solid #3a3a3a;padding:0 5%;margin-bottom:10px;z-index:8;}
.footer_search .top .f_link_list{display:none;position:absolute;width:100%;top:100%;background:#fafafa;left:0;}
.footer_search .top .f_link_list a{display:block;padding:0 10%;}
.footer_search .top .f_link_list a:hover{background-color:rgba(255,255,255,0.2);color:#ed2228;}
.footer_search .top .f_link_hd:hover .f_link_list{display:block;}
.footer_search .bottom {color:#808080;font-size:14px;line-height:24px;float:right;min-width: 220px}
.footer_search .bottom p {display:inline; width: 100%}
.footer_search .bottom a {color:#808080;display: inline-block;}
.footer_search .bottom a:hover {color:#fafafa;}
.footer_search .bottom i {width: 1px;height: 11px;background: #6a6a6a;margin: 0 4.5%;display: inline-block;}
@media (max-width:992px){
.footer {background:#292929;overflow:hidden;padding:30px 0 50px;}
.footer-main {padding-bottom:20px; margin-bottom:30px;}
.footer_search {position:absolute;right:0;top:0;width:100%;}
.footer_search .top .f_link{ text-align:center; float:none; width:100%; }
.footer_search .bottom {color:#808080;font-size:14px;line-height:24px;float:none;min-width: 100%; text-align:center;}
.footer .telbox h4 {font-size:18px;}
.footer .telbox .add{ font-size: 18px;}
.footer_search .bottom p {display: block; width: 100%}
.footer .telbox span{ font-size:15px;}
.footer .telbox h3 {font-size:18px;}
}
/*footer end*/

/*通用page*/
.page{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed; background:#e5e5e5;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page a:hover,.page span{color:#fff; background: #de000d;}
.page span.count { border: 0;background: 0;color: #777777;}